<template>
	<view class="container">
		<hrTop class="hrTop"></hrTop>
		<view style="height: 954rpx;">
			<hrContent class="hrContent"></hrContent>
		</view>
		<hrBottom class="hrBottom"></hrBottom>
	</view>
</template>

<script>
	import hrBottom from './hr-bottom'
	import hrContent from './hr-content'
	import hrTop from './hr-top'
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui'
			}
		},
		components: {
			hrBottom,
			hrContent,
			hrTop
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.container {


		// padding: 40rpx;
		font-size: 14px;
		line-height: 24px;
		background-color: #3844CD;
		height: 100%;
		padding-bottom: 180rpx;

		.hrTop {
			padding: 24rpx 0 0 32rpx;
			position: relative;
		}

		.hrContent {
			position: absolute;
			top: 398rpx;
		}

		.hrBottom {}
	}
</style>
